<!doctype html>
<html lang="en">
<head>
	<meta charset="gbk">
	<title>选择符测试</title>
	<style>
	div{
	width:60px;
	height:60px;
	border:1px solid blue;
	
	}
	.as{
	background:red;
	}
	#e{
	background:green;
	}
	div>p{
	background:yellow;
	}
	div+p{
	background:red;
	}
	
	div,p{
	background:blue;
	}
	[id]{
	background:black;
	}
	[id=e]{
	background:green;
	}
	div p{
	background:black;
	}
	</style>
	
</head>
<body>
	<div id="e"></div>
	<div class="as"></div>
	<div>
	<P>一级标题</P>
	</div>
	<p>来看看</p>
	<div id="f"></div>
	<div class="e"></div>
	<div id="e"></div>
</body>
</html>
